.portrait-container {
	position: absolute;
	width: 100%;
	height: 100%;
	.chart-container {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		.chart-row {
			display: flex;
			justify-content: space-around;
			align-items: center;
		}
		.chart-row1 {
			width: 100%;
			height: 45%;
		 
			.chart1 {
				width: 25%;
				height: 100%;
				background-color: rgba(115,154,253,0.1);
			}
			.chart2 {
				width: 25%;
				height: 100%;
				background-color: rgba(115, 154, 253, 0.1);
			}
			.chart3 {
				width: 47%;
				height: 100%;
				background-color: rgba(115,154,253,0.1);
			}
		}
		.chart-row2 {
			width: 100%;
			height: 45%;
			.chart4 {
				width: 40%;
				height: 100%;
				background-color: rgba(115,154,253,0.1);
			}
			.chart5 {
				width: 33%;
				height: 100%;
				background-color: rgba(115,154,253,0.1);
			}
			.chart6 {
				width: 24%;
				height: 100%;
				background-color: rgba(115,154,253,0.1);
			}
		}
	}
}

.relative {
	position: relative;
}

.chart-title {
	position: absolute;
	color: #8DE0F3;
    padding-left: .18rem;
    &>div{
    	display: flex;
    }
   .img-right {
		width: .28rem;
		height: .21rem;
	}
	.title-text {
		font-size: .3rem;
	}
}

.img-corner {
	position: absolute;
	right: 0;
	top: 0;
	width: .21rem;
	height: .21rem;
}

.img-gear2 {
	position: absolute;
	left: -.2rem;
	bottom: -.3rem;
	width: 1.04rem;
	height: .62rem;
}

.img-gear3 {
	position: absolute;
	left: -.13rem;
	bottom: -.46rem;
	width: .95rem;
	height: .79rem;
}

.chart {
	width: 100%;
	height: 100%;
	
}

// .chart-sex {
//     padding-top:.46rem;
// 	.sex-item {
// 		border:1px solid #fff;
// 		width:100%;
// 		height:31%;
// 		display: flex;
// 		padding-left:.5rem; 
// 		margin-top:.42rem;
//         .img-man {
// 			 height: 100%;
// 		}
// 		.img-woman {
// 			height: 100%;
// 		}
// 		.sex-usercount {
// 	        box-sizing:content-box;
// 			padding-left:.5rem;
// 			.usercount-title {
// 				 font-size:.17rem;
// 				color: #FFF;
// 			}
// 			.usercount-value1 {
// 				font-size:.35rem;
// 				color: #FCFF4F;
// 			}
// 			.usercount-value2 {
// 				 font-size:.35rem;
// 				color: #E6BE4A;
// 			}
// 		}
// 	}
// }
//性别

.chart-sex {
    padding-top:.46rem;
	.sex-item {
		height:1rem;
		display: flex;
		margin-top:.32rem;
	   .img-man {
	     margin-left:.55rem;
		 height: 100%;
		}
		.img-woman {
			margin-left:.55rem;
			height:100%;
		}
		.sex-usercount {
	         padding-left: .32rem;
			.usercount-title {
				font-size:0.7vw; 
				color: #FFF;
			}
			.usercount-value1 {
				 font-size:1.2vw; 
				color: #FCFF4F;
			}
			.usercount-value2 {
				 font-size:1.2vw; 
				color: #E6BE4A;
			}
		}
	}
}
//雷达图
.thunder_chart{ 
	  width:100%;
	  height: 90%;
      margin:5% auto;

}
.salary_chart{
	 height:76%;
	 
     margin:5% auto;
}